﻿/*
min-height?
*/
html
{
    min-height: 100%;
}
body
{
    font-family: Segoe UI, Verdana;
    font-size: 14px;
    padding: 0 0 100px 0;
    margin: 0;
    background-color: rgb(80,80,80);
    min-height: 100%;
}

.inner
{
    width: 1000px;
    margin: 0 auto;
}

a
{
    color: rgb(0,0,100);
}

a:hover
{
    color: rgb(235,130,0);
}

.inner.head
{
    position: relative;
    padding: 10px 0 5px 0;
}


#head
{
    border-bottom: 1px solid rgb(220,220,220);
    background-color: rgb(240,240,240);
}

#middle
{
    background-color: rgb(255,255, 255);
}

.inner.middle
{
    padding: 20px 0 50px 0;
}


#footer
{
    padding: 10px 0;
    border-top: 3px solid rgb(40,40,40);
    color: rgb(40,40,40);
}

/* top nav */
#topnav 
{
    border: solid 1px #ccc;
    width: 250px;
    position: absolute;
    right: 0;
    top: 0;
    -moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;    
	border-bottom-right-radius: 3px;
	background-color: rgb(220,220,220);
	padding: 5px 10px;
	color: rgb(255,255,255);
    
}

/* tabs */

#tabs {
	position: relative;
	padding-left: 5px;
	padding-top: 15px;
	bottom: -2px;
}

#tabs a {
	font-weight: normal;
	text-decoration: none;
	background-color: rgb(180,180,180);
	padding: 4px 7px;
	color: rgb(255,255,255);
	border-bottom: 1px solid rgb(220,220,220);
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}

#tabs a:hover {
	background-color: rgb(140,140,140);
}

#tabs ul {
	display: inline;
	margin: 0;
	padding: 0;
}

#tabs li {
	display: inline;
	margin: 0 5px 0 0;
}

#tabs li.active a {
	color: rgb(100,100,100);
	font-weight: bold;
	font-size: 120%;
	border-width: 1px 1px 2px 1px;
	border-style: solid;
	border-color: rgb(220,220,220);
	border-bottom-color: rgb(255,255,255);
	background-color: rgb(255,255,255);
	padding-top: 5px;
	padding-bottom: 3px;
}


/* job list */

ul.jobs
{
    list-style-type: none;
    padding: 0;
}

.job
{
    clear: both;
    padding-bottom: 5px;
    position: relative;
}

.numbox
{
    margin-top: 5px;
    margin-right: 5px;
    width: 60px;
    height: 50px;
    background-color: rgb(120,120,120);
    color: White;
    float: left;
    cursor: default;
    text-align: center;
    padding-top: 10px;
}
.numbox .num
{
    font-weight: bold;
    font-size: 16px;
}

.numbox.jobId
{
    background-color: rgb(170,170,170);
    color: Black;
}
.numbox.jobCardNumber
{
    background-color: rgb(200,200,200);
    color: Black;
}

.numbox.views
{
    background-color: rgb(220,220,220);
    color: Black;
}

/* pager */

#pager a.selected
{
    text-decoration:none;
}



/* Validation */

.field-validation-error { color: red; display: block; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid red; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: red; }
.validation-summary-valid { display: none; }

DIV.Message { background-color: #ffeeee; }

/* search */
#search_wrapper {
	position: absolute;
	top: 8px;
	right: 0;
}

#search {
	padding: 3px;	
	border: 2px solid #ccc;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	margin: 0;
}

#search:focus {
	border-color: #fa0;
	outline: none;
}

#search_btn {
	border: 2px solid #ccc;
	border-left-width: 0;
	margin: 0 0 0 -4px;
	
	font-weight: bold;
	padding: 3px;
	background-color: #ccc;
	color: #999;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}

#search_btn:hover {
	background-color: #aaa;
	color: #666;
}